<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Jaina Test</title>
    <script type="text/javascript" src="../main/web/js/jquery.js"></script>
    <link rel="stylesheet" type="text/css" href="Jaina.css">
    <script type="text/javascript" src="Jaina.js"></script>
</head>
<body>
    <div class="nav">
        <p class="nav_title">Jaina</p>
        <!-- 左侧导航栏 -->
        <div class="nav_list">
            <div id="nav_life" class="nav_list_btn1">
                <p class="nav_title">生活</p>
            </div>
            <div id="nav_study" class="nav_list_btn2">
                <p class="nav_title">学习</p>
            </div>
            <div id="nav_work" class="nav_list_btn3">
                <p class="nav_title">工作</p>
            </div>
            <div id="nav_other" class="nav_list_btn4">
                <p class="nav_title">SQL工具</p>
            </div>
        </div>

    </div>
    <div class="panel">
        <div class="panel_title"></div>
        <div id="panel_life" class="panel_life" style="display: none">
            生活
        </div>
        <div id="panel_study" class="panel_study" style="display: none">
            学习
        </div>
        <div id="panel_work" class="panel_work" style="display: none">
            工作
        </div>
        <div id="panel_other" class="panel_other">
            <table style="border: 1px solid black;border-collapse: collapse;">
                <tr style="border: 1px solid black;border-collapse: collapse;">
                    <th id="header">Header 1</th>
                </tr>
                <tr id="list">
                    <td>row 1, cell 1</td>
                </tr>
            </table>

            <form>
                <table>操作类型</table>
                <input id="goType" type="number" value="1"></input><br>
                <table>表名称</table>
                <input id="tableName" type="text" value="user"></input><br>
                <table>条件</table>
                <input id="condition" type="text" value="1=1"></input><br>
                <table>字段名</table>
                <input id="col" type="text" value="*"></input><br>
            </form>
            <button onclick="selectDB()">查询</button>
        </div>
    </div>

    <!-- 全局监听事件  -->
    <script src="../main/web/js/clickList.js" type="text/javascript"></script>

</body>
</html>